<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>hello vue</title>
<style type="text/css">

</style>
</head>
<body>







<div id="app">
  
  <mycom1></mycom1>

  
</div>

<template id="mycom1">
	<h2>这是挂载之外的tempalte的Id组件，：：{{msg}}</h2>
</template>







<br>
<script src="vue.js"></script>

<script type="text/javascript">


	Vue.component('mycom1',{
		template:"#mycom1",
		data: function(){//组件中的方法必须是一个方法，且必须返回一个对象
			return { msg:"这是组件data中的msg" }
		},
	})



var app = new Vue({
  el: '#app',

  data: {
  	 
  },

  methods:{

  }

})





</script>

	
</body>
</html>